import indexV from "../view/index.ejs";
import Header from "../components/Header.ejs";
import Footer from "../components/Footer.ejs";
import Main from "../components/Main.ejs";
import SideBar from "../components/SideBar.ejs";
import {router} from "../app"
const sideUlHandler = function(e){
	// // dataset.url----->元素当中增加的data-url的属性值
	// console.log(e.target,e.target.dataset.url);// 点击的元素,
	// console.log(e.target.parentNode,e.target.parentNode.dataset.url);// 点击元素的父级元素

	// || 左边为 false,得到的是||右侧的值
	// || 左边为 true,得到的是||左侧的值
	const url = e.target.dataset.url || e.target.parentNode.dataset.url;
	if(url){
		router.go(url);
		// console.log(url);
	}
}
export default  (menuRoutes)=>{
	return (req,res,next)=>{
		if(!localStorage.getItem("adminName")){
			location.href="/login";
			return;
		}
		const info = menuRoutes.find(v=>v.url === req.url);
		res.next(indexV({
			header:Header(),
			footer:Footer(),
			main:Main(),
			sideBar:SideBar({
				url:req.url,
				menuRoutes
			})
		}));
		// 获取元素
		document.querySelector("#title").innerHTML = info?.title;
		// 获取id为sideUl
		document.querySelector("#sideUl").onclick = sideUlHandler;
		// 退出登陆
		document.querySelector("#outLoginBtn").onclick = function(){
			// 1- 清除storage
			localStorage.clear();
			// 2- 跳转至登陆界面
			location.href="/login";
		}
	}
}